<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="/tp/Public/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/tp/Public/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/tp/Public/css/style.css"/>
</head>

<body>
<div id="container">
    <!---->

    <include file="Public/tpl/header.html" />

    <!---->

    <div id="main" class="container">
        <div class="row">
            <div class="col-md-8">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><b>设置</b></h3>
                    </div>
                    <div class="panel-body">
                        <div class="form-group tabbable" id="">
                            <ul class=" nav nav-tabs">
                                <li class="active">
                                    <a href="#panel-01" data-toggle="tab">信息编辑</a>
                                </li>
                                <li>
                                    <a href="#panel-02" data-toggle="tab">头像更改</a>
                                </li>
                                <li>
                                    <a href="#panel-03" data-toggle="tab">密码安全</a>
                                </li>
                            </ul>
                            <br/>
                            <div class="tab-content">
                                <div class="tab-pane active" id="panel-01">
                                    <form class="form-horizontal" role="form" action="{:U('User/set')}" method="post">
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">邮箱</label>
                                            <div class="col-sm-10">
                                                <input type="email" class="form-control" id="" name="email" value="{$user['email']}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">签名</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="" name="signature" value="{$user['signature']}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">简介</label>
                                            <div class="col-sm-10">
                                                <textarea class="form-control" name="introduction" id="" cols="" rows="5" >{$user['introduction']}</textarea>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-2 col-sm-10">
                                                <input type="hidden" name="type" value="base_info"/>
                                                <button type="submit" class="btn btn-default">保存信息</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="panel-02">
                                    <form class="form-horizontal" role="form" action="{:U('User/set')}" method="post" enctype="multipart/form-data">
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">当前头像</label>
                                            <div class="col-sm-10">
                                                <a href="#">
                                                    <img id="" src="__PUBLIC__/images/{$user['avatar_name']}" style="width: 100px;height: 100px;" />
                                                </a>
                                                <div class="panel-body">仅支持512k以内的jpg、jpeg、png、gif图片作为头像;图片越方越好</div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">选择图片</label>
                                            <div class="col-sm-10">
                                                <input class="form-control" type="file" name="file" />
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-2 col-sm-10">
                                                <input type="hidden" name="type" value="avatar"/>
                                                <button type="submit" class="btn btn-default">更新头像</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="panel-03">

                                    <form class="form-horizontal" role="form" action="{:U('User/set')}" method="post">
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">当前密码</label>
                                            <div class="col-sm-10">
                                                <input type="password"  name="old_password" class="form-control" id="" placeholder="旧密码">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">新密码</label>
                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" id="" name="new_passowrd"  placeholder="新密码">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="" class="col-sm-2 control-label">确认密码</label>
                                            <div class="col-sm-10">
                                                <input type="password" class="form-control" id="" name="again_new_passowrd"  p placeholder="确认密码">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-offset-2 col-sm-10">
                                                <input type="hidden" name="type" value="password"/>
                                                <button type="submit" class="btn btn-default">更新密码</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>

            <div class="col-md-4 hidden-xs">



            </div>
        </div>

    </div>

    <!---->
</div>
<!---->

<include file="Public/tpl/footer.html" />
<!---->
<script src="/tp/Public/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="/tp/Public/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>